<%--
  Created by IntelliJ IDEA.
  User: zjsxx
  Date: 2/13/2018
  Time: 8:53 PM
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>


<!-- Mirrored from www.zi-han.net/theme/hplus/project_detail.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:19:44 GMT -->
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>H+ 后台主题UI框架 - 项目详情</title>
    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">

    <link rel="shortcut icon" href="favicon.ico">
    <link href="/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">

    <link href="/css/animate.min.css" rel="stylesheet">
    <link href="/css/style.min862f.css?v=4.1.0" rel="stylesheet">
    <!-- Sweet Alert -->
    <link href="/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <script type="text/javascript"
            src="http://api.map.baidu.com/api?v=2.0&ak=lhynbQH5Ke8q8H4bGGGeuXbRAXyfblMV"></script>
</head>

<body class="gray-bg">
<div class="row">
    <div class="col-sm-12">
        <div class="wrapper wrapper-content animated fadeInUp">
            <div class="ibox">
                <div class="ibox-content">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="m-b-md">
                                <div id="execute"></div>
                                <h2>
                                    <div id="deviceName"></div>
                                </h2>
                            </div>

                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-5">
                            <dl class="dl-horizontal">

                                <dt>状态：</dt>
                                <div id="state"></div>
                                <br>
                                <dt>隐私：</dt>
                                <dd>
                                    <div id="devicePersonal"></div>
                                </dd>
                            </dl>
                        </div>
                        <div class="col-sm-7" id="cluster_info">
                            <dl class="dl-horizontal">

                                <dt>最后更新：</dt>
                                <dd>
                                    <div id="deviceUpdateTime"></div>
                                </dd>
                                <br>
                                <dt>创建于：</dt>
                                <dd>
                                    <div id="deviceCreateTime"></div>
                                </dd>

                            </dl>
                        </div>
                    </div>

                    <div class="row m-t-sm">
                        <div class="col-sm-12">
                            <div class="panel blank-panel">
                                <div class="panel-heading">
                                    <div class="panel-options">
                                        <ul class="nav nav-tabs">
                                            <li><a href="project_detail.html#tab-1" data-toggle="tab">设备位置</a>
                                            </li>
                                            <li class=""><a href="project_detail.html#tab-2" data-toggle="tab">传感器信息</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>

                                <div class="panel-body">

                                    <div class="tab-content">
                                        <div class="tab-pane active" id="tab-1">
                                            <div id="allmap" style="width: 100%;height: 300px"></div>

                                        </div>
                                        <div class="tab-pane" id="tab-2">

                                            <table class="table table-striped">
                                                <thead>
                                                <tr>
                                                    <th>状态</th>
                                                    <th>名字</th>
                                                    <th>类型</th>
                                                    <th>创建时间</th>
                                                    <th>最后更新时间</th>
                                                </tr>
                                                </thead>
                                                <tbody id="sensorList">


                                                </tbody>
                                            </table>

                                        </div>
                                    </div>

                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="modal inmodal" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content animated bounceInRight">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span
                            aria-hidden="true">&times;</span><span class="sr-only">关闭</span>
                    </button>
                    <i class="fa fa-laptop modal-icon"></i>
                    <h4 class="modal-title">新增传感器</h4>
                    <small class="font-bold">将在您当前设备下新增传感器</small>
                </div>
                <div class="modal-body">

                    <div class="form-group"><label>传感器类型</label>
                        <select id="sensorType" placeholder="请选择传感器类型" class="form-control">
                            <option value="1">数值型传感器</option>
                            <option value="2">开关</option>
                            <option value="3">GPS</option>
                        </select>
                    </div>
                    <div class="form-group"><label>传感器名</label> <input id="sensorName" placeholder="请输入您的传感器取一个名字"
                                                                       class="form-control"></div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                    <button id="addSensorBtn" type="button" class="btn btn-primary">保存</button>
                </div>
            </div>
        </div>
    </div>

</div>


</div>
<script src="/js/jquery.min.js?v=2.1.4"></script>
<script src="/js/bootstrap.min.js?v=3.3.6"></script>
<script src="/js/content.min.js?v=1.0.0"></script>
<script src="/js/plugins/sweetalert/sweetalert.min.js"></script>
<script src="/js/jquery.json.js"></script>

<script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>

</body>


<!-- Mirrored from www.zi-han.net/theme/hplus/project_detail.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:19:44 GMT -->
</html>
